var cityHtml = '';
cityHtml += '<ul class="deptTransfer-ul">';
$.ajax({
    url: "/system/common/flatDept",
    type : "post",
    data: {fpArea:'5101',deptNo:'304'},
    dataType : "json",
    async : true,
    success : function(data) {
        for (let i = 0; i < data.length; i++){
            cityHtml += '<li class="deptTransfer-li" ondblclick="SelectDept('+'\''+data[i].noUnit+'\''+','+'\''+data[i].deptShort+'\''+')">'+data[i].deptShort+'</li>';
        }
        cityHtml += '</ul>';
        document.getElementById('menu1').innerHTML = cityHtml;
    }
});
var districtHtml = ''
districtHtml += '<ul class="deptTransfer-ul">'
$.ajax({
    url: "/system/common/sonDept",
    type : "post",
    data: {fpParent:304},
    dataType : "json",
    async : true,
    success : function(data) {
        for (let i = 0; i < data.length; i++){
            districtHtml += '<li class="deptTransfer-li" style="width: 80px;" ondblclick="SelectDept('+'\''+data[i].noUnit+'\''+','+'\''+data[i].deptShort+'\''+')">'+data[i].deptShort+'</li>';
        }
        districtHtml += '</ul>';
        document.getElementById('menu2').innerHTML = districtHtml;
    }
});
